Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Infra UI][Stack Monitoring] Migrate EuiPage*_Depracated usage #161870

Merged

Conversation

crespocarlos
Copy link
Contributor

@crespocarlos crespocarlos commented Jul 13, 2023

closes #161404

Summary

This PR replaces the usage of EuiPage*_Depracated with their equivalent components

Some usages of EuiPageContent_Deprecated have been replaced with EuiPanel because they were displayed as panels, and the recommended EuiPageSection component did not render in the same manner. e.g:

image

code: https://github.com/elastic/kibana/pull/161870/files#diff-72520cac696197524aff32e2b92a0acabe1898067c6985786fa5ac250a40ac1cR122

How to test

@apmmachine
Copy link
Contributor

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run elasticsearch-ci/docs : Re-trigger the docs validation. (use unformatted text in the comment!)

@crespocarlos crespocarlos added chore Feature:Metrics UI Metrics UI feature Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services Feature:Stack Monitoring v8.10.0 release_note:skip Skip the PR/issue when compiling release notes backport:skip This commit does not require backporting labels Jul 13, 2023
@crespocarlos crespocarlos marked this pull request as ready for review July 14, 2023 09:21
@crespocarlos crespocarlos requested review from a team as code owners July 14, 2023 09:21
@elasticmachine
Copy link
Contributor

Pinging @elastic/infra-monitoring-ui (Team:Infra Monitoring UI)

@crespocarlos crespocarlos changed the title Migrate EuiPage*_Depracated usage [Infra UI][Stack Monitoring] Migrate EuiPage*_Depracated usage Jul 14, 2023
@jennypavlova jennypavlova self-requested a review July 17, 2023 07:36
Copy link
Member

@jennypavlova jennypavlova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It is looking the same as edge 👍. For the stack monitoring changes I compared with the monitoring cluster and in the local version, I see a scroll bar even if there is less content:

Local Monitoring Cluster
image image

Is that something changed here or it's not related 🤔

</EuiCallOut>
</EuiPageTemplate.Section>
</EuiPageTemplate>
// <EuiPage style={{ flex: '1 0 auto' }}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we remove this?

@crespocarlos
Copy link
Contributor Author

It is looking the same as edge 👍. For the stack monitoring changes I compared with the monitoring cluster and in the local version, I see a scroll bar even if there is less content:

Local Monitoring Cluster
image image
Is that something changed here or it's not related 🤔

Good catch! I didn't test it on my big screen. Fixing it :)

@crespocarlos
Copy link
Contributor Author

@elasticmachine merge upstream

@crespocarlos
Copy link
Contributor Author

@elasticmachine merge upstream

Copy link
Member

@jennypavlova jennypavlova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🚀 Now the scrollbar issue is fixed, thanks for the changes!

@crespocarlos crespocarlos enabled auto-merge (squash) July 20, 2023 10:50
@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
infra 1398 1397 -1
monitoring 469 464 -5
total -6

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
infra 2.0MB 2.0MB -272.0B
monitoring 464.1KB 462.3KB -1.8KB
total -2.1KB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@crespocarlos crespocarlos merged commit b1a3bc5 into elastic:main Jul 20, 2023
ThomThomson pushed a commit to ThomThomson/kibana that referenced this pull request Aug 1, 2023
…ic#161870)

closes [elastic#161404](elastic#161404)

## Summary

This PR replaces the usage of `EuiPage*_Depracated` with their
equivalent components

Some usages of `EuiPageContent_Deprecated` have been replaced with
`EuiPanel` because they were displayed as panels, and the recommended
`EuiPageSection` component did not render in the same manner. e.g:

<img width="1690" alt="image"
src="https://github.com/elastic/kibana/assets/2767137/b86db831-e79e-4be0-918f-f3b25803e990">

code:
https://github.com/elastic/kibana/pull/161870/files#diff-72520cac696197524aff32e2b92a0acabe1898067c6985786fa5ac250a40ac1cR122


### How to test

- Start a local Kibana with metricbeat monitoring Beats, Kibana,
Elasticsearch and Logstash
- Navigate to Stack Monitoring and click through the links 
- Compare the UI (loading and error states included) with what's
currently in https://edge-oblt.kb.us-west2.gcp.elastic-cloud.com/
- Navigate to Infra UI and go to node details
- Compare the UI (loading and error states included) with what's
currently in https://edge-oblt.kb.us-west2.gcp.elastic-cloud.com/

---------

Co-authored-by: Kibana Machine <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting chore Feature:Metrics UI Metrics UI feature Feature:Stack Monitoring release_note:skip Skip the PR/issue when compiling release notes Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v8.10.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Infra][Monitoring] Migrate all usages of EuiPage*_Deprecated
7 participants